// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';

.manifesto-title {
    @include text-title-sm;
    margin-top: $spacing-2xl;
}

// * ------------------------------------------------------------------ */
// Addendum

.addendum-subtitle {
    @include text-title-lg;
}

.addendum-list {
    @include clearfix;

    li {
        @include text-title-xs;
        font-weight: 600;
        padding-bottom: $spacing-2xl;
        padding-top: $spacing-xl;
        position: relative;

        @media #{$mq-xl} {
            @include border-box;
            @include bidi(((float, left, right),));
            @include grid-half;
            padding: $spacing-xl $spacing-md $spacing-2xl;
        }

        &:nth-child(odd) {
            @include bidi(((clear, left, right),));
        }

        &::before {
            @include bidi(((left, 0, right, auto),));
            background-color: $color-black;
            content: '';
            display: block;
            height: 7px;
            position: absolute;
            top: 0;
            width: 80px;
        }
    }
}

// * ------------------------------------------------------------------ */
// Share section

.share-addendum {
    background-color: $color-blue-05;
}

.button-manifesto {
    margin-top: $spacing-lg;
}

// * ------------------------------------------------------------------ */
// Principles

.principles-header {
    margin-bottom: $layout-lg;

    @media #{$mq-md} {
        margin-bottom: $layout-xl;
    }
}

.principle {
    margin-bottom: $layout-lg;

    @media #{$mq-md} {
        margin-bottom: $layout-xl;
    }
}

.principle-number {
    @include text-title-xs;
    margin-bottom: $spacing-md;
}

.principle-desc {
    @include text-title-xs;
    margin-bottom: 0;
}

.principles-foot {
    text-align: center;
}
